import styled from 'styled-components'

interface IProps {
	align?: 'left' | 'center' | 'right'
}

export const ToolBarViewStyle = styled.div<IProps>`
	width: 100%;
	.space {
		display: inline-flex;
		justify-content: ${retAlign};
		gap: 8px;
		width: 100%;
	}
`
function retAlign(props: IProps) {
	if (props.align === 'left') {
		return 'flex-start'
	} else if (props.align === 'center') {
		return 'center'
	} else if (props.align === 'right') {
		return 'flex-end'
	}
}
